<template>
  <div>
    <h1>学生查找功能</h1>
    <input type="text" v-model="studentId" placeholder="输入学号">
    <button @click="searchStudent">查找</button>
    <div v-if="studentInfo">
      <p>学号：{{ studentInfo.id }}</p>
      <p>姓名：{{ studentInfo.name }}</p>
      <!-- 其他学生信息 -->
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      studentId: '',
      studentInfo: null
    };
  },
  methods: {
    searchStudent() {
      // 模拟学生信息的假数据
      const fakeStudentDatabase = {
        '123': { id: '123', name: '张三' },
        '456': { id: '456', name: '李四' }
        // 其他学生信息
      };
      
      // 根据输入的学号查找学生信息
      this.studentInfo = fakeStudentDatabase[this.studentId];
    }
  }
};
</script>
